<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>INCAKE | 蛋糕详情</title>
  <link rel="stylesheet" href="/css/detail.css">
</head>
<body>
  <!-- <h2>详情页</h2> -->
  <header></header>
  
  <section>
    <div class="container">
        <div id="design">

        </div> 
        <script type="text/html" id="detailTemplate">
          <div style="">
            <div class="depic">
                <img src="{{imgs[0]}}" class="zoom-image">
                <div class="imgs">
                  <ul id="gal1">
                    {{each imgs img}}
                    <li>
                        <a href="javascript:;" data-image="{{img}}" data-zoom-image="{{img}}">
                            <img src="{{img}}"  class="smallpic">
                        </a>
                    </li>
                    {{/each}}
                  </ul>
                </div>
                
            </div>
                <div class="detail">
                    <div class="de01">
                        <p>{{ title }}</p> 
                        <span>品类:{{ commodityTypeName }}</span>
                        <span>月销量:{{ saleNum }}</span>
                    </div>
                    <div class="de02">
                        <p>蛋糕材料:{{ couponStatus }}</p>
                    </div>
                    <div class="de03">
                        <span>蛋糕尺寸:</span>
                        <select name="" id="">
                            {{each size item}}
                            <option value="{{item}}">{{item}}</option>
                            {{/each}}
                        </select>
                    </div>
                    <div class="de04">
                        <h2>
                            <em>￥</em>
                            <b>{{price}}</b>
                        </h2>
                    <a href="javascript:;" id="add-to-cart-btn">加入购物车</a>
                    <a href="/html/shopping.html">立即购买</a>
                </div>
                <p>如需加急快递及预约定时递送服务请与在线客服联系</p>
              </div>
            </div>
            <div class="bigImgContent">
              {{each detailImgs bigImg}}
                <img src="{{bigImg}}" alt="" class="bigimg">
              {{/each}}
            </div>
        </script>
    </div>
</section>
<footer></footer>
<div id="cart" class="cart">
  <span>0</span>
</div>
  <script src="/libs/require/require.min.js" data-main="/js/detail"></script>
</body>
</html>